{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet"
          href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">
    <style>
        .navbar {
            height: 50px;
            border-bottom: 6px solid var(--bs-primary) !important;
        }
    </style>

    <link rel="stylesheet" href="https://www.bootmb.com/assets/css/theme.bundle.css">

</head>
<body>
<nav class="topnav navbar navbar-expand-lg navbar-light bg-white fixed-top">
    <div class="container">
        <a href="./"><strong><h1>智能微识后台管理系统</h1></strong></a>
        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
                aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbarColor02" style="">
            <ul class="navbar-nav mr-auto d-flex align-items-center">
                <li class="nav-item">
                    <a class="nav-link" href="/manager/user/list/">用户列表 </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/manager/manager/list/">管理员列表</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto d-flex align-items-center ">
                <li class="nav-item highlight">
                    <a class="nav-link" href="/user/loginout/">注销</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

{% block content %}
{% endblock %}
<script src="{% static 'js/jquery.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
{% block js %}
{% endblock %}
</body>
</html>